body{
font-size:0.85em;
font-family:Verdana, Arial, Helvetica, sans-serif;

}
 .menus {  
    /* list-style: none;  */
     position: relative;  
     margin: 0;  
     padding: 0;
 }  
 .menus li{  
    display: block;  
    overflow: hidden;  
    padding: 0;  
    cursor: pointer;  
	float: left;
	width: 125px;
	height: 40px;
	margin-right: 0px;
}
.menus a{
	display:block;
	height:40px;
	text-indent:-9999px;
	outline:none;
}

#menu1 {
	background-position:0px 0px;
}
#menu2 {
	background-position:-200px 0px;
}
#menu3 {
	background-position:-400px 0px;
}
#menu4 { 
	background-position:-600px 0px;
}

#menu1.active, #menu1:hover { 
	background-position: 0 bottom;
}
#menu2.active, #menu2:hover{
	background-position: -200px bottom;
}
#menu3.active, #menu3:hover {
	background-position: -400px bottom;
}
#menu4.active, #menu4:hover {
	background-position: -600px bottom; 
}

#menu1 a{
	background-repeat:no-repeat;
	background-position: left 0px;
}

#menu1 a:hover{
	background-position: left -80px;
}

#menu4 a{
	background-repeat:no-repeat;
	background-position: right -40px;
}
#menu4 a:hover{
	background-position: right -120px;
}